<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div></div>

</body>
<script>
    // js  es6  ts

    // let  块级作用域  不能重复声明
    // if (true) {
    //     let a = 1
    //     console.log(a)
    //
    // }

    // console.log(b)
    // let b

    // var b = 10
    // if (true) {
    //     b = 11
    //     let b
    //     console.log(b)
    // }

    // var arr = [];
    // for (let i = 0; i < 2; i++) {    
    //     arr[i] = function () {        
    //         console.log(i);     
    //     }
    // }
    //
    // arr[0]();
    // arr[1]();

    const PI = 3.14
    // PI = 3.0

    const USER = {
        age: 18
    }

    // USER = {
    //     age: 20
    // }

    // USER.age = 20
    // console.log(USER)

    // const arr = [1, 2, 3]
    // arr = []
    // arr[0] = 0
    // 数组解构
    // let [a1,b,c,d] = arr
    //
    // console.log(a1)
    // console.log(b)
    // console.log(c)
    // console.log(d)
    //
    // // 对象解构
    //
    // let user={
    //     name: 'lisi',
    //     age: 18
    // }
    //
    // let {name: n,age} = user
    // console.log(n)
    // console.log(age)

    // function fn() {
    //     console.log(123)
    // }
    // fn()
    //
    // const fn1 =  (a=3)=>a
    // console.log(fn1())

    // const obj = {name: '张三'}

    // function fn() {
    //     console.log(this);//this 指向 是obj对象    
    //     return () => {
    //         console.log(this);//this 指向 的是箭头函数定义的位置，那么这个箭头函数定义在fn里 面，而这个fn指向是的obj对象，所以这个this也指向是obj对象    
    //     }
    // }
    // console.log(this)
    // const resFn = fn();
    // resFn();

    // var age = 100
    // var obj ={
    //     age:18,
    //     // say: function () {
    //     //     console.log(this.age)
    //     // }
    //     // say(){
    //     //     console.log(this.age)
    //     // }
    //     say:()=>{
    //         console.log(this.age)
    //     }
    // }
    // obj.say()

    // let ary = [1, 2, 3]
    // //...ary  // 1, 2, 3
    // console.log(...ary);    // 1 2 3,相当于下面的代码
    //  console.log(1,2,3);

    // var div = document.getElementsByTagName('div');
    // console.log(div)
    // console.log([...div])

    // let arr = [
    //     {
    //         id:1,
    //         age:18
    //     },
    //     {
    //         id:2,
    //         age:20
    //     }
    // ]
    // console.log(arr.find(item=>item.age ===30))

    // let name = ()=>{return 'lisi'}
    // let sayHello = `hello,my name is ${name()}`;
    // // hello, my name is zhangsan
    // console.log(sayHello)

    // var set = new Set([1,2,2,3]);
    // console.log(set)


    // let map1 = new Map();  // {size:0}
    // let map2 = new Map([['name', 'jack']]);     // {'name' => 'jack'}
    // let map3 = new Map([['name', 'jack'], [{age: 18}, 'bella']]);
    // // {'name' => 'jack', {age:18} => 'bella'}
    //
    // console.log(map1)
    // console.log(map2)
    // console.log(map3)
    // let map = new Map([['name', 'jack'], ['age', 18]]);        // {'name' => 'jack', 'age' => 18}
    // map.forEach((value, key) => {
    //      console.log(value,key)
    // })

    // let user = {
    //     name: 'zhangsan',
    //     age:18
    // }
    // function stu(sn,clazz) {
    //     this.sn =sn
    //     this.clazz = clazz
    // }
    //
    // var stu1 = new stu(123,'22-11');
    // console.log(stu1)

    // class Stu {
    //     constructor(sn,age){
    //         this.sn = sn
    //         this.age = age
    //     }
    //     eat(){
    //         console.log(this.sn,this.age)
    //     }
    // }
    //
    // var stu = new Stu(11,18);
    // stu.eat()

    class F{
        constructor(fname) {
            this.fname =fname
        }

        say() {
            console.log(this.fname)
        }
    }

    class Son extends F {
        constructor(a,b,fname) {
            super(fname);
            this.a = a
            this.b = b
        }
        // say() {
        //     console.log(this.fname, 123)
        // }

    }
    var son = new Son(1,2,"lisi");
    son.say()
    // 继承讲完

</script>
<script src="main.js" type="module"></script>
<script src="jquery.js"></script>
<script src="axios.min.js"></script>
<script>
    // $.ajax({
    //     type:'get',
    //     url: 'https://api.apiopen.top/api/sentences',
    //     data:'',
    //     dataType: 'json',
    //     success: function (res) {
    //         console.log(res)
    //     },
    // })
    // axios.get('https://api.apiopen.top/api/getImages',{
    //     params:{
    //         type: 'food',
    //         page: 1,
    //         size: 5
    //     }
    // }).then(res=>{
    //     console.log(res.data)
    // })

    // axios.post('https://api.apiopen.top/api/login',{
    //     account: "309324904@qq.com",
    //     password: "123456"
    // }).then(res=>{
    //     console.log(res.data)
    // })

    // fetch("https://api.apiopen.top/api/sentences")
    //     .then(res=>res.json())
    //     .then(res=>{
    //         console.log(res)
    //     })

    async function fn() {
       let res =  await axios.get('https://api.apiopen.top/api/getImages',{
            params:{
                type: 'food',
                page: 1,
                size: 5
            }
        })
        console.log(res.data)
    }
    // fn()

    // (()=>{console.log(12345)})()

</script>
</html>